<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<title></title>
	</head>
	<link rel="stylesheet" type="text/css" href="__PUBLIC__/home/PC/css/patriarchcenter/patriarchcenterpage3.css" />
	
	<!-- 分页css -->
<style type="text/css">
		.pager {
	text-align: center;
}

.pager>li {
	margin-left: 10px;
	display: inline-block;
}

.prev,
.num,
.active,
.next {
	display: inline-block;
	width: 40px;
	height: 40px;
	background: #d1d1d1;
	vertical-align: top;
	line-height: 40px;
	text-align: center;
}

.active {
	background: #fff;
}
	</style>
<!-- 分页结束 -->
	<body>
		<div class="detailPagewrap">
			<ul>
				<img class="x" src="__PUBLIC__/home/PC/img/out2.png" />
				<li><span>缴费项目：</span><span id="ordername"></span></li>
				<li><span>缴费明细：</span><span id="orderdetail"></span></li>
				<li><span>订单编号：</span><span id="orderid"></span></li>
				<li><span>缴费金额：</span><span id="amount"></span></li>
				<li><span>缴费状态：</span><span class="jfcolor" id="status"></span></li>
				<li><span>完成时间：</span><span id="time"></span></li>
			</ul>
		</div>
		<!--============nav===========-->
		<include file="Public/pc_header" />
		<!--忘记密码结束-->
		<!--==============滚动图============-->
		<div class="content">
			<iframe src="__PUBLIC__/home/PC/contentlbswiper.html" width="100%" height="500px"></iframe>
			<div class="patriarchcenterpage3conten">
				<p><span class="dd">我的订单({$count})</span></p>
				<p><span>缴费项目</span><span>缴费日期</span><span>订单编号</span><span>订单详情</span></p>
				<ul>
				<volist name="list" id="vo">
					<li><span>{$vo.order_name}</span><span>{$vo.create_time|time_format='Y-m-d'}</span><span>{$vo.order_id}</span>
					<if condition="$vo.paystate eq 0"><span class="nxq xqbtn" ordername="{$vo.order_name}" create="{$vo.create_time|time_format='Y-m-d'}" orderid="{$vo.order_id}" amount="{$vo.amount}" orderdetail="{$vo.order_detail}" time="{$vo.create_time|time_format='Y-m-d'}" status="未缴费">详情</span></if>
					<if condition="$vo.paystate eq 1"><span class="yxq xqbtn" ordername="{$vo.order_name}" create="{$vo.create_time|time_format='Y-m-d'}" orderid="{$vo.order_id}" amount="{$vo.amount}" orderdetail="{$vo.order_detail}" time="{$vo.create_time|time_format='Y-m-d'}" status="已缴费">详情</span></if>
					</li>
				</volist>
					<!-- <li><span>保教费</span><span>2017.04.28-2017.05.02</span><span>1234567890qwerqwrasdsa</span><span class="yxq xqbtn">详情</span></li> -->
					<div class="footernav">
						{$_page}
					</div>
				</ul>

			</div>
		</div>
		<iframe src="__PUBLIC__/home/PC/footer.html" width="100%" height="170px" style="min-width: 1300px;"></iframe>
	</body>
	<script src="__PUBLIC__/home/PC/js/jquery-2.1.1.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="__PUBLIC__/home/PC/js/login.js" type="text/javascript" charset="utf-8"></script>
	<script src="__PUBLIC__/home/PC/js/forgetpassword.js" type="text/javascript" charset="utf-8"></script>
	<script src="__PUBLIC__/home/PC/js/yzm.js" type="text/javascript" charset="utf-8"></script>
	<script src="__PUBLIC__/home/PC/js/nav.js" type="text/javascript" charset="utf-8"></script>
	<script src="__PUBLIC__/home/PC/js/patriarchcenter/patriarchcenterpage3.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript">
		$('.xqbtn').click(function(){
			// alert($(this).attr('lclass'));
			// alert($(this).attr('lname'));
			$('#ordername').text($(this).attr('ordername'));
			$('#orderid').text($(this).attr('orderid'));
			$('#orderdetail').text($(this).attr('orderdetail'));
			$('#amount').text($(this).attr('amount'));
			$('#time').text($(this).attr('time'));
			$('#status').text($(this).attr('status'));
		})
	</script>
</html>